import Layout from "@/layout/index.vue";

const nestedRouter = {
  path: "/nested",
  component: Layout,
  redirect: "/nested/menu1/menu1-1",
  name: "Nested",
  meta: {
    title: "嵌套菜单",
    icon: "menu",
  },
  children: [
    {
      path: "/nested/menu1",
      component: () => import("@/views/nested/menu1/index.vue"), // Parent router-view
      name: "Menu1",
      meta: { title: "menu1" },
      redirect: "/nested/menu1/menu1-1",
      children: [
        {
          path: "menu1-1",
          component: () => import("@/views/nested/menu1/menu1-1/index.vue"),
          name: "Menu1-1",
          meta: { title: "menu1_1" },
        },
        {
          path: "menu1-2",
          component: () => import("@/views/nested/menu1/menu1-2/index.vue"),
          name: "Menu1-2",
          redirect: "/nested/menu1/menu1-2/menu1-2-1",
          meta: { title: "menu1_2" },
          children: [
            {
              path: "menu1-2-1",
              component: () =>
                import("@/views/nested/menu1/menu1-2/menu1-2-1/index.vue"),
              name: "Menu1-2-1",
              meta: { title: "menu1_2_1" },
            },
            {
              path: "menu1-2-2",
              component: () =>
                import("@/views/nested/menu1/menu1-2/menu1-2-2/index.vue"),
              name: "Menu1-2-2",
              meta: { title: "menu1_2_2" },
            },
          ],
        },
        {
          path: "menu1-3",
          component: () => import("@/views/nested/menu1/menu1-3/index.vue"),
          name: "Menu1-3",
          meta: { title: "menu1_3" },
        },
      ],
    },
    {
      path: "/nested/menu2",
      name: "Menu2",
      component: () => import("@/views/nested/menu2/index.vue"),
      meta: { title: "menu2" },
    },
  ],
};

export default nestedRouter;
